<?php
$title = 'Synthèse';
$this->headTitle($title);
?>
<script type="text/javascript">
    $(document).ready(function() {
        // Get operationUri
        var uri = document.location.pathname;
        var operationPos = uri.lastIndexOf("operation");
        var resteUri = uri.substring(operationPos,100);
        var operationUri = uri.replace(resteUri, "operation");
        var wrc = $('.right-content').width()-38;        
        $('.pc-content').css('max-width',wrc);
            
        $.ajax({
            type: 'POST',
            url: operationUri+'/synthese/synthese',
            dataType: "html",
            cache: false,
            success: function(contenu){
                // Load synthese tabs content
                $('#tabs-synthese').html(contenu);
                
                // Load rapport produits tabs content
                loadRapportProduits(operationUri);
                
                // Load details tabs content
                loadDetails(operationUri);
                
                // Load graphique tabs content
                loadGraphique(operationUri);
            }
        });
    
        $('#a-synthese, #a-graphique').click(function(){       
            $('.pc-head').show();
            $('.pc-head2').hide();
            $('.pc-head3').hide();            
        });

        $('#a-details').click(function(){
            $('.pc-head').hide();
            $('.pc-head2').show();
            $('.pc-head3').hide();
        });
        
        $('#a-rapport').click(function(){
            $('.pc-head').hide();
            $('.pc-head2').hide();
            $('.pc-head3').show();
        });
    });
    
    function loadGraphique(operationUri) {
        $('#tabs-graphique .graphique-content').hide();
        $.ajax({
            type: 'POST',
            url: operationUri+'/synthese/graphique',
            dataType: "html",
            cache: false,
            success: function(contenu){   
                var imgCount = 0;
                $('#tabs-graphique .graphique-content').html(contenu);
                $('#tabs-graphique .graphique-content img').load(function(){
                    imgCount++;
                    if(imgCount == 7) {
                        $('#tabs-graphique .loading').hide();
                        $('#tabs-graphique .graphique-content').show();
                    }
                }); 
            }
        });
    }
    
    function loadDetails(operationUri) {
        $('#tabs-details .details-content').hide();
        $.ajax({
            type: 'POST',
            url: operationUri+'/synthese/details',
            dataType: "html",
            cache: false,
            success: function(contenu){
                $('#tabs-details .details-content').html(contenu);
                $('#tabs-details .loading').hide();                        
                $('#tabs-details .details-content').show();
            }
        }); 
    }
    
    function loadRapportProduits(operationUri) {
        $.ajax({
            type: 'POST',
            url: operationUri+'/synthese/accessrapport',
            dataType: "html",
            cache: false,
            success: function(contenu){
                $('#tabs-rapport').html(contenu);
            }
        });  
    }
</script>
<div class="content-head">
    <h3>Synthèse</h3>
</div>
<div class="content-body">
    <table class="page-content">
        <tr>
            <td class="perimetre-title"><div class="rotate"><?php echo $store->name; ?></div></td>
            <td class="perimetre-content">
                <div class="pc-top">
                    <table>
                        <tr>
                            <td width="10%" class="pc-top-left"><p>Période</p></td>
                            <td width="90%" class="pc-top-right"><p><?php echo $periodText; ?></p></td>
                        </tr>
                    </table>
                </div>
                <div class="pc-head">
                    <table>
                        <tr>
                            <td width="10%" style="padding-left: 10px; color: red">Rubriques</td>
                            <td width="30%">
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="mo" /> Main d'oeuvre</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="tsf" /> Transferts</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="ca" checked="checked" /> Chiffres d'affaire</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="ec" checked="checked" /> Ecarts caisse</label></p>
                            </td>
                            <td width="30%">
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="popr" checked="checked" /> Pertes / Offerts / Personnel repas</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="ac" /> Annulation caisse</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="mt" checked="checked" /> Météo</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="tv" checked="checked" /> Transactions et ventes</label></p>
                            </td>
                            <td width="30%">
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="bq" /> Banques</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="cc" /> Comptes clients</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="rc" /> Ratio clefs</label></p>
                                <p><label onclick="showSGRubrique(this);">
                                        <input type="checkbox" class="styled" id="all"/> Tout décocher</label></p>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="pc-head2">
                    <table>
                        <tr>
                            <td width="10%" style="padding-left: 10px; color: red">Rubriques</td>
                            <td width="30%">
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="mo2" /> Main d'oeuvre</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="tsf2" /> Transferts</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="ca2" checked="checked" /> Chiffres d'affaire</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="ec2" /> Ecarts caisse</label></p>
                            </td>
                            <td width="30%">
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="popr2" /> Pertes / Offerts / Personnel repas</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="ac2" /> Annulation caisse</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="mt2" /> Météo</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="tv2" /> Transactions et ventes</label></p>
                            </td>
                            <td width="30%">
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="bq2" /> Banques</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="cc2" /> Comptes clients</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="rc2" /> Ratio clefs</label></p>
                                <p><label onclick="showSDRubrique(this);">
                                        <input type="checkbox" class="styled" id="all2"/> Tout décocher</label></p>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="pc-head3">
                    <table>
                        <tr>
                            <td width="10%" style="padding-left: 10px; color: red">Rubriques</td>
                            <td width="30%" style="vertical-align: top" class="choice">
                                <p><label onclick="showSRPCRubrique(this);">
                                        <input type="checkbox" class="styled" id="qte3" checked="checked" /> Quantité</label></p>
                                <p><label onclick="showSRPCRubrique(this);">
                                        <input type="checkbox" class="styled" id="cattc3" /> CA TTC</label></p>
                                <p><label onclick="showSRPCRubrique(this);">
                                        <input type="checkbox" class="styled" id="caht3" /> CA HT</label></p>
                            </td>
                            <td width="30%">
                                <p><label onclick="showSRRubrique(this);">
                                        <input type="checkbox" class="styled" id="vte3" checked="checked" /> Ventes</label></p>
                                <p><label onclick="showSRRubrique(this);">
                                        <input type="checkbox" class="styled" id="prt3" checked="checked" /> Pertes</label></p>
                                <p><label onclick="showSRRubrique(this);">
                                        <input type="checkbox" class="styled" id="oft3" checked="checked" /> Offerts</label></p>
                                <p><label onclick="showSRRubrique(this);">
                                        <input type="checkbox" class="styled" id="rp3" checked="checked" /> Repas personnel</label></p>
                            </td>
                            <td width="30%" style="vertical-align: bottom">
                                <p><label onclick="showSRRubrique(this);">
                                        <input type="checkbox" class="styled" id="all3"/> Tout décocher</label></p>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="pc-content">
                    <div class="retour"><a href="<?php echo $this->url('operation/default') ?>"><img border="0" width="32" src="<?php echo $this->basePath() . '/img/operation/retour.png'; ?>" /></a></div>
                    <div id="tabs">
                        <ul>
                            <li><a id="a-synthese" href="#tabs-synthese">Synthèse</a></li>
                            <li><a id="a-graphique" href="#tabs-graphique">Graphique</a></li>
                            <li><a id="a-details" href="#tabs-details">Détails</a></li>
                            <li><a id="a-rapport" href="#tabs-rapport">Rapport produits</a></li>
                        </ul>
                        
                        <!--ONGLET SYNTHESE-->
                        <div id="tabs-synthese"></div>
                        
                        <!--ONGLET GRAPHIQUE-->
                        <div id="tabs-graphique">
                            <p class="loading" style="text-align: center; margin: 20px">
                                <img src="<?php echo $this->basePath() . '/img/operation/loader.gif'; ?>" alt="loading" />
                            </p>
                            <div class="graphique-content"></div>
                        </div>
                        
                        <!--ONGLET DETAILS-->
                        <div id="tabs-details">
                            <p class="loading" style="text-align: center; margin: 20px">
                                <img src="<?php echo $this->basePath() . '/img/operation/loader.gif'; ?>" alt="loading" />
                            </p>
                            <div class="details-content"></div>
                        </div>
                        
                        <!--ONGLET RAPPORT PRODUITS-->
                        <div id="tabs-rapport" class="rapport-produit"></div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>
<a id="accessrapport" onclick="changeRapportContent()">OK</a>